<!DOCTYPE html>
<html>

	<head>
		<title>客户关系管理系统-销售机会管理</title>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

		<link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/bootstrap-theme.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/normalize.min.css" />

		<script src="../../js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>

		<!--[if lte IE 8]>
			<script src="../../js/html5shiv.min.js" type="text/javascript" charset="utf-8"></script>
			<script src="../../js/respond.min.js" type="text/javascript" charset="utf-8"></script>
		<![endif]-->

		<!-- 界面自定义CSS文件 -->
		<link rel="stylesheet" type="text/css" href="../../css/custom/scrollbar-style.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/custom/html-sale-dev.min.css" />

		<!--界面自定义JS文件-->
		<script src="../../js/custom/tip-popover.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/custom/html-sale-dev.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="container-fluid">

			<!--TODO 当前页面地理位置 (面包屑导航)-->
			<ul class="breadcrumb">
				<li>营销管理</li>
				<li>客户开发管理</li>
			</ul>

			<!--TODO 搜索表单及工具按钮-->
			<form id="form-search" method="get" class="form-inline">

				<div class="form-group">
					<label class="control-label">客户名称：</label>
					<input class="form-control" type="text" />

					<label class="control-label">概要：</label>
					<input class="form-control" type="text" />

					<label class="control-label">联系人：</label>
					<input class="form-control" type="text" />
				</div>

				<div class="form-group btn-group">
					<button class="btn btn-default">
						<span class="glyphicon glyphicon-search"></span>
						查询
					</button>
				</div>

			</form>

			<hr />

			<!--TODO 数据列表-->
			<table class="table table-hover table-bordered">
				<thead class="bg-primary">
					<tr>
						<th>#</th>
						<th>客户名称</th>
						<th class="hidden-xs hidden-sm">概要</th>
						<th class="hidden-xs">联系人</th>
						<th class="hidden-xs">联系电话</th>
						<th class="hidden-xs hidden-sm">创建时间</th>
						<th>状态</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>1</td>
						<td>睿智数码</td>
						<td class="hidden-xs hidden-sm">采购笔记本电脑意向</td>
						<td class="hidden-xs">刘先生</td>
						<td class="hidden-xs">13729239239</td>
						<td class="hidden-xs hidden-sm">2017/12/06 12:57:45</td>
						<td>
							<div class="text-primary">
								<span class="glyphicon glyphicon-signal" title="开发中"></span>
								<span class="hidden-xs">开发中</span>
							</div>
						</td>
						<td>
							<div class="btn-group btn-group-xs" data-id="1">
								<button class="btn btn-default" title="查看" data-toggle="modal" data-target="#modal-show">
									<span class="glyphicon glyphicon-zoom-in"></span>
									<span class="hidden-xs">查看</span>
								</button>
								<button class="btn btn-default" title="制定计划" data-toggle="modal" data-target="#modal-plan">
									<span class="glyphicon glyphicon-flag"></span>
									<span class="hidden-xs">制定计划</span>
								</button>
								<button class="btn btn-default" title="执行计划" data-toggle="modal" data-target="#modal-plan-exec">
									<span class="glyphicon glyphicon-random"></span>
									<span class="hidden-xs">执行计划</span>
								</button>
								<button class="btn btn-default exec-complete" title="完成开发">
									<span class="glyphicon glyphicon-record"></span>
									<span class="hidden-xs">完成开发</span>
								</button>
							</div>
						</td>
					</tr>
					<tr>
						<td>2</td>
						<td>睿智数码</td>
						<td class="hidden-xs hidden-sm">采购笔记本电脑意向</td>
						<td class="hidden-xs">刘先生</td>
						<td class="hidden-xs">13729239239</td>
						<td class="hidden-xs hidden-sm">2017/12/06 12:57:45</td>
						<td>
							<div class="text-success">
								<span class="glyphicon glyphicon-ok" title="成功"></span>
								<span class="hidden-xs">成功</span>
							</div>
						</td>
						<td>
							<div class="btn-group btn-group-xs" data-id="2">
								<button class="btn btn-default" title="查看" data-toggle="modal" data-target="#modal-show">
									<span class="glyphicon glyphicon-zoom-in"></span>
									<span class="hidden-xs">查看</span>
								</button>
							</div>
						</td>
					</tr>
					<tr>
						<td>3</td>
						<td>睿智数码</td>
						<td class="hidden-xs hidden-sm">采购笔记本电脑意向</td>
						<td class="hidden-xs">刘先生</td>
						<td class="hidden-xs">13729239239</td>
						<td class="hidden-xs hidden-sm">2017/12/06 12:57:45</td>
						<td>
							<div class="text-danger">
								<span class="glyphicon glyphicon-remove" title="失败"></span>
								<span class="hidden-xs">失败</span>
							</div>
						</td>
						<td>
							<div class="btn-group btn-group-xs" data-id="3">
								<button class="btn btn-default" title="查看" data-toggle="modal" data-target="#modal-show">
									<span class="glyphicon glyphicon-zoom-in"></span>
									<span class="hidden-xs">查看</span>
								</button>
							</div>
						</td>
					</tr>
					<tr>
						<td>4</td>
						<td>睿智数码</td>
						<td class="hidden-xs hidden-sm">采购笔记本电脑意向</td>
						<td class="hidden-xs">刘先生</td>
						<td class="hidden-xs">13729239239</td>
						<td class="hidden-xs hidden-sm">2017/12/06 12:57:45</td>
						<td>
							<div class="text-primary">
								<span class="glyphicon glyphicon-signal" title="开发中"></span>
								<span class="hidden-xs">开发中</span>
							</div>
						</td>
						<td>
							<div class="btn-group btn-group-xs" data-id="4">
								<button class="btn btn-default" title="查看" data-toggle="modal" data-target="#modal-show">
									<span class="glyphicon glyphicon-zoom-in"></span>
									<span class="hidden-xs">查看</span>
								</button>
								<button class="btn btn-default" title="制定计划" data-toggle="modal" data-target="#modal-plan">
									<span class="glyphicon glyphicon-flag"></span>
									<span class="hidden-xs">制定计划</span>
								</button>
								<button class="btn btn-default" title="执行计划" data-toggle="modal" data-target="#modal-plan-exec">
									<span class="glyphicon glyphicon-random"></span>
									<span class="hidden-xs">执行计划</span>
								</button>
								<button class="btn btn-default exec-complete" title="完成开发">
									<span class="glyphicon glyphicon-record"></span>
									<span class="hidden-xs">完成开发</span>
								</button>
							</div>
						</td>
					</tr>
					<tr>
						<td>5</td>
						<td>睿智数码</td>
						<td class="hidden-xs hidden-sm">采购笔记本电脑意向</td>
						<td class="hidden-xs">刘先生</td>
						<td class="hidden-xs">13729239239</td>
						<td class="hidden-xs hidden-sm">2017/12/06 12:57:45</td>
						<td>
							<div class="text-primary">
								<span class="glyphicon glyphicon-signal" title="开发中"></span>
								<span class="hidden-xs">开发中</span>
							</div>
						</td>
						<td>
							<div class="btn-group btn-group-xs" data-id="5">
								<button class="btn btn-default" title="查看" data-toggle="modal" data-target="#modal-show">
									<span class="glyphicon glyphicon-zoom-in"></span>
									<span class="hidden-xs">查看</span>
								</button>
								<button class="btn btn-default" title="制定计划" data-toggle="modal" data-target="#modal-plan">
									<span class="glyphicon glyphicon-flag"></span>
									<span class="hidden-xs">制定计划</span>
								</button>
								<button class="btn btn-default" title="执行计划" data-toggle="modal" data-target="#modal-plan-exec">
									<span class="glyphicon glyphicon-random"></span>
									<span class="hidden-xs">执行计划</span>
								</button>
								<button class="btn btn-default exec-complete" title="完成开发">
									<span class="glyphicon glyphicon-record"></span>
									<span class="hidden-xs">完成开发</span>
								</button>
							</div>
						</td>
					</tr>
				</tbody>
			</table>

			<!--TODO 数据分页部分-->
			<div class="text-center">
				<ul class="pagination">
					<li class="disabled">
						<a>&lt;</a>
					</li>
					<li class="active">
						<a href="">1</a>
					</li>
					<li>
						<a href="">2</a>
					</li>
					<li>
						<a href="">3</a>
					</li>
					<li>
						<a href="">4</a>
					</li>
					<li>
						<a href="">5</a>
					</li>
					<li>
						<a href="">&gt;</a>
					</li>
				</ul>
			</div>
		</div>

		<!--TODO 查看销售机会开发信息modal部分-->
		<div class="modal fade in disabled" id="modal-show">
			<div class="modal-dialog modal-lg">
				<div class="modal-content">
					<div class="modal-header">
						<button class="close" data-dismiss="modal">
							<span class="glyphicon glyphicon-remove"></span>
						</button>
						<h3 class="modal-title">客户开发详情</h3>
					</div>
					<div class="modal-body">
						<!--显示加载提示，在dialog打开时默认显示，在JS脚本中数据加载完成后再隐藏-->
						<div class="text-center">
							<h1>正在加载数据...</h1>
						</div>
						<!--数据部分，在dialog打开时默认隐藏，在JS脚本中数据加载完成后再显示-->
						<div>

							<!--销售机会基本信息部分-->
							<table data-name="data" class="table table-condensed">
								<tbody>
									<tr>
										<th class="bg-info">
											<span>编号</span>
										</th>
										<td>1</td>
										<th class="bg-info">
											<span class="hidden-xs">机会来源</span>
											<span class="visible-xs">来源</span>
										</th>
										<td>地面广告</td>
									</tr>
									<tr>
										<th class="bg-info">
											<span class="hidden-xs">客户名称</span>
											<span class="visible-xs">客户</span>
										</th>
										<td>睿智电脑</td>
										<th class="bg-info">
											<span class="hidden-xs">成功机率</span>
											<span class="visible-xs">机率</span>
										</th>
										<td>80%</td>
									</tr>
									<tr>
										<th class="bg-info">
											<span>概要</span>
										</th>
										<td>采购笔记本电脑意向</td>
										<th class="bg-info">
											<span class="hidden-xs">开发状态</span>
											<span class="visible-xs">状态</span>
										</th>
										<td><span class="text-danger">开发失败</span></td>
									</tr>
									<tr>
										<th class="bg-info">
											<span>联系人</span>
										</th>
										<td>刘先生</td>
										<th class="bg-info">
											<span class="hidden-xs">联系电话</span>
											<span class="visible-xs">电话</span>
										</th>
										<td>13729239239</td>
									</tr>
									<tr>
										<th class="bg-info">
											<span class="hidden-xs">机会描述</span>
											<span class="visible-xs">描述</span>
										</th>
										<td colspan="3">这个傻瓜看到广告就想要买我们的产品</td>
									</tr>
									<tr>
										<th class="bg-info">
											<span>创建人</span>
										</th>
										<td>刘颖</td>
										<th class="bg-info">
											<span class="hidden-xs">创建时间</span>
											<span class="visible-xs">时间</span>
										</th>
										<td title="2017/12/06 16:09:08">
											<span>2017/12/06</span>
											<span class="hidden-xs">16:09:08</span>
										</td>
									</tr>
									<tr>
										<th class="bg-info">
											<span>指派给</span></th>
										<td>郭小美</td>
										<th class="bg-info">
											<span class="hidden-xs">指派时间</span>
											<span class="visible-xs">时间</span>
										</th>
										<td title="2017/12/07 16:09:08">
											<span>2017/12/07</span>
											<span class="hidden-xs">08:45:21</span>
										</td>
									</tr>
								</tbody>
							</table>

							<!--开发计划及执行情况部分-->
							<table data-name="plan" class="table table-condensed">
								<thead>
									<tr class="bg-info">
										<th>日期时间</th>
										<th>计划内容</th>
										<th>执行结果</th>
									</tr>
								</thead>
								<tbody>
									<!--以下数据在JS脚本中根据销售机会id查询，并循环创建tr数据-->
									<tr>
										<td>2017/12/07 12:57:45</td>
										<td>初步接触，了解客户意向。</td>
										<td>了解到客户季度末有采购需求。</td>
									</tr>
									<tr>
										<td>2017/12/08 12:57:45</td>
										<td>推介产品。</td>
										<td>客户同意采购本公司产品。但希望就价格达成一致。</td>
									</tr>
									<!--未执行的计划显示不同的背景颜色-->
									<tr class="bg-warning">
										<td>2017/12/09 12:57:45</td>
										<td>公司代表会面。</td>
										<td data-id="1">
											<span class="text-warning">[未执行]</span>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
					<div class="modal-footer">
						<button class="btn btn-default" type="button" data-dismiss="modal">
							<span class="glyphicon glyphicon-remove"></span>
							关闭
						</button>
					</div>
				</div>
			</div>
		</div>

		<!--TODO 制定客户开发计划modal部分-->
		<div class="modal fade in disabled" id="modal-plan">
			<div class="modal-dialog modal-lg">
				<div class="modal-content">
					<div class="modal-header">
						<button class="close btn" data-dismiss="modal">
							<span class="glyphicon glyphicon-remove"></span>
						</button>
						<h3 class="modal-title">
							制定客户开发计划【<span class="text-primary">睿智电脑</span>】
							<small>
								<button data-target="#modal-plan .modal-body .collapse" class="btn btn-xs btn-default" data-toggle="collapse">
									<span class="glyphicon glyphicon-zoom-in"></span>
									客户信息
								</button>
							</small>
						</h3>
					</div>
					<div class="modal-body">

						<!--显示加载提示，在dialog打开时默认显示，在JS脚本中数据加载完成后再隐藏-->
						<div class="text-center">
							<h1>正在加载数据...</h1>
						</div>

						<!--数据部分，在dialog打开时默认隐藏，可以通过对话框标题栏中的查看按钮控制显示和隐藏-->
						<div>
							<div class="collapse">
								<!--销售机会基本信息部分-->
								<table data-name="data" class="table table-condensed">
									<tbody>
										<tr>
											<th class="bg-info">
												<span>编号</span>
											</th>
											<td>1</td>
											<th class="bg-info">
												<span class="hidden-xs">机会来源</span>
												<span class="visible-xs">来源</span>
											</th>
											<td>地面广告</td>
										</tr>
										<tr>
											<th class="bg-info">
												<span class="hidden-xs">客户名称</span>
												<span class="visible-xs">客户</span>
											</th>
											<td>睿智电脑</td>
											<th class="bg-info">
												<span class="hidden-xs">成功机率</span>
												<span class="visible-xs">机率</span>
											</th>
											<td>80%</td>
										</tr>
										<tr>
											<th class="bg-info">
												<span>概要</span>
											</th>
											<td>采购笔记本电脑意向</td>
											<th class="bg-info">
												<span class="hidden-xs">开发状态</span>
												<span class="visible-xs">状态</span>
											</th>
											<td><span class="text-danger">开发失败</span></td>
										</tr>
										<tr>
											<th class="bg-info">
												<span>联系人</span>
											</th>
											<td>刘先生</td>
											<th class="bg-info">
												<span class="hidden-xs">联系电话</span>
												<span class="visible-xs">电话</span>
											</th>
											<td>13729239239</td>
										</tr>
										<tr>
											<th class="bg-info">
												<span class="hidden-xs">机会描述</span>
												<span class="visible-xs">描述</span>
											</th>
											<td colspan="3">这个傻瓜看到广告就想要买我们的产品</td>
										</tr>
										<tr>
											<th class="bg-info">
												<span>创建人</span>
											</th>
											<td>刘颖</td>
											<th class="bg-info">
												<span class="hidden-xs">创建时间</span>
												<span class="visible-xs">时间</span>
											</th>
											<td title="2017/12/06 16:09:08">
												<span>2017/12/06</span>
												<span class="hidden-xs">16:09:08</span>
											</td>
										</tr>
										<tr>
											<th class="bg-info">
												<span>指派给</span></th>
											<td>郭小美</td>
											<th class="bg-info">
												<span class="hidden-xs">指派时间</span>
												<span class="visible-xs">时间</span>
											</th>
											<td title="2017/12/07 16:09:08">
												<span>2017/12/07</span>
												<span class="hidden-xs">08:45:21</span>
											</td>
										</tr>
									</tbody>
								</table>
							</div>

							<!--开发计划及执行情况部分-->
							<table data-name="plan" class="table table-condensed">
								<thead>
									<tr class="bg-info">
										<th>计划日期</th>
										<th>计划内容</th>
										<th>执行结果&amp;操作</th>
									</tr>
								</thead>
								<tbody>
									<!--以下数据在JS脚本中根据销售机会id查询，并循环创建tr数据，同查询对话框中的操作相同-->
									<tr>
										<td>2017/12/07 12:57:45</td>
										<td>初步接触，了解客户意向。</td>
										<td>
											<!--已经执行了的计划，不提供操作功能-->
											<span class="text-primary">[2018-01-01 12:57:45]</span>
											<span class="hidden-xs">了解到客户季度末有采购需求。</span>
										</td>
									</tr>
									<tr>
										<td>2017/12/08 12:57:45</td>
										<td>推介产品。</td>
										<td>
											<span class="text-primary">[2018-01-01 12:57:45]</span>
											<span class="hidden-xs">客户同意采购本公司产品。但希望就价格达成一致。</span>
										</td>
									</tr>
									<!--未执行的计划显示不同的背景颜色-->
									<tr class="bg-warning">
										<td>2017/12/09 12:57:45</td>
										<td>公司代表会面。</td>
										<td data-id="1">
											<!--未执行的计划(没有执行结果)，提供删除操作功能-->
											<button class="btn btn-xs btn-default btn-plan-del" title="删除">
												<div class="text-danger">
													<span class="glyphicon glyphicon-remove"></span>
													<span class="hidden-xs">删除</span>
												</div>
											</button>
										</td>
									</tr>
									<tr class="bg-warning">
										<td>2017/12/10 12:57:45</td>
										<td>签订相关协议。</td>
										<td data-id="2">
											<!--未执行的计划(没有执行结果)，提供删除操作功能-->
											<button class="btn btn-xs btn-default btn-plan-del" title="删除">
												<div class="text-danger">
													<span class="glyphicon glyphicon-remove"></span>
													<span class="hidden-xs">删除</span>
												</div>
											</button>
										</td>
									</tr>
								</tbody>
							</table>

							<form action="">
								<table data-name="new-plan" class="table table-condensed">
									<tr>
										<td class="container-fluid">
											<div class="row">
												<div class="col-xs-4">
													<input type="datetime-local" class="form-control" required="required" />
												</div>
												<div class="col-xs-8">
													<input name="plan.title" class="form-control" required="required" placeholder="新增开发计划内容..." />
												</div>
											</div>
										</td>
										<td>
											<button class="btn btn-primary" title="新增开发计划">
												<span class="glyphicon glyphicon-plus"></span>
												<span class="hidden-xs">新增开发计划</span>
											</button>
										</td>
									</tr>
								</table>
							</form>

						</div>
					</div>
					<div class="modal-footer">
						<button class="btn btn-default" type="button" data-dismiss="modal">
							<span class="glyphicon glyphicon-remove"></span>
							关闭
						</button>
					</div>
				</div>
			</div>
		</div>

		<!--TODO 执行客户开发计划modal部分-->
		<div class="modal fade in disabled" id="modal-plan-exec">
			<div class="modal-dialog modal-lg">
				<div class="modal-content">
					<div class="modal-header">
						<button class="close btn" data-dismiss="modal">
							<span class="glyphicon glyphicon-remove"></span>
						</button>
						<h3 class="modal-title">
							执行客户开发计划【<span class="text-primary">睿智电脑</span>】
							<small>
								<button data-target="#modal-plan-exec .modal-body .collapse" class="btn btn-xs btn-default" data-toggle="collapse">
									<span class="glyphicon glyphicon-zoom-in"></span>
									客户信息
								</button>
							</small>
						</h3>
					</div>
					<div class="modal-body">

						<!--显示加载提示，在dialog打开时默认显示，在JS脚本中数据加载完成后再隐藏-->
						<div class="text-center">
							<h1>正在加载数据...</h1>
						</div>

						<!--数据部分，在dialog打开时默认隐藏，可以通过对话框标题栏中的查看按钮控制显示和隐藏-->
						<div>
							<div class="collapse">
								<!--销售机会基本信息部分-->
								<table data-name="data" class="table table-condensed">
									<tbody>
										<tr>
											<th class="bg-info">
												<span>编号</span>
											</th>
											<td>1</td>
											<th class="bg-info">
												<span class="hidden-xs">机会来源</span>
												<span class="visible-xs">来源</span>
											</th>
											<td>地面广告</td>
										</tr>
										<tr>
											<th class="bg-info">
												<span class="hidden-xs">客户名称</span>
												<span class="visible-xs">客户</span>
											</th>
											<td>睿智电脑</td>
											<th class="bg-info">
												<span class="hidden-xs">成功机率</span>
												<span class="visible-xs">机率</span>
											</th>
											<td>80%</td>
										</tr>
										<tr>
											<th class="bg-info">
												<span>概要</span>
											</th>
											<td>采购笔记本电脑意向</td>
											<th class="bg-info">
												<span class="hidden-xs">开发状态</span>
												<span class="visible-xs">状态</span>
											</th>
											<td><span class="text-danger">开发失败</span></td>
										</tr>
										<tr>
											<th class="bg-info">
												<span>联系人</span>
											</th>
											<td>刘先生</td>
											<th class="bg-info">
												<span class="hidden-xs">联系电话</span>
												<span class="visible-xs">电话</span>
											</th>
											<td>13729239239</td>
										</tr>
										<tr>
											<th class="bg-info">
												<span class="hidden-xs">机会描述</span>
												<span class="visible-xs">描述</span>
											</th>
											<td colspan="3">这个傻瓜看到广告就想要买我们的产品</td>
										</tr>
										<tr>
											<th class="bg-info">
												<span>创建人</span>
											</th>
											<td>刘颖</td>
											<th class="bg-info">
												<span class="hidden-xs">创建时间</span>
												<span class="visible-xs">时间</span>
											</th>
											<td title="2017/12/06 16:09:08">
												<span>2017/12/06</span>
												<span class="hidden-xs">16:09:08</span>
											</td>
										</tr>
										<tr>
											<th class="bg-info">
												<span>指派给</span></th>
											<td>郭小美</td>
											<th class="bg-info">
												<span class="hidden-xs">指派时间</span>
												<span class="visible-xs">时间</span>
											</th>
											<td title="2017/12/07 16:09:08">
												<span>2017/12/07</span>
												<span class="hidden-xs">08:45:21</span>
											</td>
										</tr>
									</tbody>
								</table>
							</div>

							<!--开发计划及执行情况部分-->
							<table data-name="plan" class="table table-condensed">
								<thead>
									<tr class="bg-info">
										<th>计划日期</th>
										<th>计划内容</th>
										<th>执行时间</th>
										<th>执行结果</th>
									</tr>
								</thead>
								<tbody>
									<!--以下数据在JS脚本中根据销售机会id查询，并循环创建tr数据，同查询对话框中的操作相同-->
									<tr>
										<td>2017/12/07 12:57:45</td>
										<td>初步接触，了解客户意向。</td>
										<td class="text-primary">[2018-01-01 12:57:45]</td>
										<td class="text-primary">
											<!--已经执行了的计划，不提供操作功能-->
											了解到客户季度末有采购需求。
										</td>
									</tr>
									<tr>
										<td>2017/12/08 12:57:45</td>
										<td>推介产品。</td>
										<td class="text-primary">[2018-01-01 12:57:45]</td>
										<td class="text-primary">
											<!--已经执行了的计划，不提供操作功能-->
											客户同意采购本公司产品。但希望就价格达成一致。
										</td>
									</tr>
									<!--未执行的计划显示不同的背景颜色-->
									<tr class="bg-warning">
										<td>2017/12/09 12:57:45</td>
										<td>公司代表会面。</td>
										<td class="form-group form-group-sm">
											<input class="form-control" type="datetime-local" required="required" />
										</td>
										<td data-id="1" class="form-group form-group-sm">
											<!--未执行的计划(没有执行结果)，提供执行操作功能-->
											<div class="input-group input-group-sm">
												<input class="form-control" required="required" />
												<div class="input-group-btn">
													<button class="btn btn-default btn-plan-exec" title="执行">
														<div class="text-primary">
															<span class="glyphicon glyphicon-forward"></span>
															<span class="hidden-xs">执行</span>
														</div>
													</button>
												</div>
											</div>
										</td>
									</tr>
									<tr class="bg-warning">
										<td>2017/12/10 12:57:45</td>
										<td>签订相关协议。</td>
										<td class="form-group form-group-sm">
											<input class="form-control" type="datetime-local" required="required" />
										</td>
										<td data-id="2" class="form-group form-group-sm">
											<!--未执行的计划(没有执行结果)，提供执行操作功能-->
											<div class="input-group input-group-sm">
												<input class="form-control" required="required" />
												<div class="input-group-btn">
													<button class="btn btn-default btn-plan-exec" title="执行">
														<div class="text-primary">
															<span class="glyphicon glyphicon-forward"></span>
															<span class="hidden-xs">执行</span>
														</div>
													</button>
												</div>
											</div>
										</td>
									</tr>
								</tbody>
							</table>

						</div>
					</div>
					<div class="modal-footer">
						<button class="btn btn-default" type="button" data-dismiss="modal">
							<span class="glyphicon glyphicon-remove"></span>
							关闭
						</button>
					</div>
				</div>
			</div>
		</div>

	</body>

</html>